<template>
  <div id="app">
    <header class="head">
      <router-link class="back tl" to='/index'>
        <i class="el-icon-arrow-left"></i>
      </router-link>
      <a href="javascript:;" class="tc">
        <small class="font_18 co_f">规范经营</small>
      </a>
      <a href="javascript:;" class="tr">
        <small class="font_18 co_f"></small>
      </a>
    </header>
    <main>
      <ul class="list_box">
        <li>
          <router-link :to='{name:"Chjllist"}'>
            <div class="list_img">
              <img :src="this.management[1].src">
            </div>
            <p>原料索证</p>
          </router-link>
        </li>
        <li>
          <router-link :to='{name:"Splylist"}'>
            <div class="list_img">
              <img :src="this.management[7].src">
            </div>
            <p>留样记录</p>
          </router-link>
        </li>
      </ul>
    </main>
  </div>
</template>

<script>
  import {
    Menulist
  } from '../../api/api';
  import {
    mapState
  } from 'vuex'
  export default {
    name: 'list',
    data() {
      return {
      
      };
  
    },
  computed: {
      ...mapState({
        management: state => state.managementStore.management,
      }),
    },
    methods: {
   
    },
    mounted() {
    },
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->

<style lang="scss" scoped>
  .list_box {
    width: 100%;
  }
  
  .list_box li {
    width: 49.5%;
    float: left;
    text-align: center;
    /* margin-top: 10px; */
    box-sizing: border-box;
    padding: 22px 0px 15px;
    margin-bottom: 0.8%;
    font-size: 0.95rem;
  }
  
  .list_box li p {
    margin: 0.5em 0;
  }
  
  .list_box li:nth-child(odd) {
    margin-right: 0.5%;
    // border-right: 1px solid #ccc;
    // border-bottom: 1px solid #ccc;
    // border-top: 1px solid #ccc;
  }
  
  .list_box li:nth-child(even) {
    margin-left: 0.5%;
    // border-left: 1px solid #ccc;
    // border-bottom: 1px solid #ccc;
    // border-top: 1px solid #ccc;
  }
  
  .list_img {
    width: 45px;
    height: 48px;
    margin: auto;
  }
  
  .list_img img {
    width: 100%;
    height: 100%;
  }
</style>
